@import url(spinner.css);
html {
  font-size: 62.5%;
}

@media only screen and (min-width: 481px) {
  html {
    font-size: 94% !important
  }
}

@media only screen and (min-width: 561px) {
  html {
    font-size: 109% !important
  }
}

@media only screen and (min-width: 641px) {
  html {
    font-size: 125% !important
  }

  body {
    max-width: 750px;
    font-family: 微软雅黑;
  }
}
/* 某些浏览器某些标签不会触发点击事件，需加上cursor:pointer 解决ember部分按钮点击不响应的问题 */
[data-ember-action]:not(:disabled) {
  cursor: pointer;
}
a,
a:hover,
a:visited {
  text-decoration: none;
  display: inline-block;
}

/* 首页 */
* {
  margin: 0;
  padding: 0;
}

.font-size { /* 字体 */
  font-size: 22px;
}

.font-size-teo {
  font-size: 16px;
}

.font-weight {
  font-weight: bolder;
}

.clr { /* 清除浮动 */
  clear: both;
  float: none;
}

.gray {
  filter:alpha(opacity=70);  /*支持 IE 浏览器*/
  -moz-opacity:0.70; /*支持 FireFox 浏览器*/
  opacity:0.70;  /*支持 Chrome, Opera, Safari 等浏览器*/
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;
}
.background-fixed {
  width: 100%;
  height: 100%;
  background-image: url(images/BG.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
}

.user-background { /* 首页用户界面 */
  width: 100%;
  height: auto;
  padding-bottom: 2rem;
}

.user-head { /* 用户头部 */
  width: 100%;
  height: 9rem;
  background-color: #FBEFCC;
  border-radius: 0 0 1rem 1rem;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.user-head a {
  width: 100%;
  height: 100%;
}

.user-head-img {
  width: 5.8rem;
  height: 5.8rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #FEBC26;
  overflow: hidden;
  position: absolute;
  top: 1.5rem;
  left: 1.1rem;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.user-head-img-one {
  width: 5.8rem;
  height: 5.8rem;
  border: 3px solid #edbc52;
  overflow: hidden;
  position: absolute;
  top: 1.5rem;
  left: 2rem;
}

.user-head-img-one img {
  width: 100%;
}

.user-head-img img {
  width: 100%;
}
.user-name{
  margin-top: 0.3rem;
}
.user-head-name {
  position: absolute;
  top: 2rem;
  margin-left: 9rem;
}

.user-head-name-one {
  position: absolute;
  top: 1.5rem;
  margin-left: 9rem;
}

.user-head-name-one div:nth-child(1) {
  margin-top: 0;
}

.user-head-name-one div {
  height: 1.3rem;
  margin-top: 0.5rem;
}

.user-head-name-one div img {
  height: 105%;
}

.user-head-name-p {
  font-size: 1.5rem;
  color: #1b1b1b;
  margin: 0;
}

.user-head-name-number {
  color: #1b1b1b;
  margin-top: 1rem;
  position: relative;
}
.user-prise {
  font-size: 1.8rem;
}
.user-prise-two {
  font-size: 1.8rem;
  position: relative;
  left: 2.5rem;
}

.user-color {
  color: #B1AEA6;
  font-size: 1rem;
}

.user-head-sign { /* 用户签到 */
  width: 11rem;
  height: 5.4rem;
  position: absolute;
  right: 1rem;
  top: 1.8rem;
}

.user-head-sign img {
  width: 100%;
}

.BtnAction { /* 按钮充值与活动 */
  width: 93.5%;
  margin-left: 3.75%;
  display: inline-block;
}

.BtnAction div {
  float: left;
  width: 49%;
}

.BtnAction div img {
  width: 100%;
}

.btn-activity {
  margin-left: 1%;
}

.games { /* 游戏列表 */
  width: 93.5%;
  margin: auto;
  height: 15rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  background-image: url(images/d1.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-top: 1.5rem;
  padding-bottom: 1rem;
}

.games-listing, .award-listing {
  width: 25%;
  position: absolute;
  top: -1.2rem;
  left: 1rem;
}

.games-listing img {
  width: 100%;
}

.award-listing img {
  width: 100%;
}

.gameOk {
  width: 90%;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}

.gameOkTwo {
  width: 82.5%;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}

.gameOk img {
  width: 100%;
}

.gameOkTwo img {
  width: 100%;
}

.games-list { /* list */
  width: 93.5%;
  margin: auto;
  height: 80%;
  position: relative;
  top: 15%;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  background: -ms-linear-gradient(top, #fcefcd, #fef2cf); /* IE 10 */
  background: -moz-linear-gradient(top, #fcefcd, #fef2cf); /*火狐*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcefcd), to(#fef2cf)); /*谷歌*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcefcd), to(#fef2cf)); /* Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(top, #fcefcd, #fef2cf); /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(top, #fcefcd, #fef2cf); /*Opera 11.10+*/
  box-shadow: 0px 0px 1px 1px #A36F27;
}

.game-ul {
  list-style: none;
  width: 95%;
  height: 100%;
  margin-left: 1%;
}

.game-ul li {
  float: left;
  width: 22%;
  height: 80%;
  margin-top: 5%;
  margin-left: 2.7%;
}

.game-border {
  width: 90%;
  margin: auto;
}

.game-border-raius {
  width: 70%;
  margin: auto;
}

.game-border img {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}

.game-border-raius img {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}

.game-name {
  margin-top: 9%;
  text-align: center;
  color: #1b1b1b;
  font-size: 1.1rem;
}

.award { /* 奖品榜 */
  width: 93.5%;
  height: auto;
  margin: auto;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  background-image: url(images/d3.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 2.7rem;
  position: relative;
  top: -1rem;
}

.game-grade {
  width: 93.5%;
  height: 1rem;
  list-style: none;
  margin: auto;
  padding: 1rem 0;
}

.game-grade li {
  width: 25%;
  text-align: center;
  float: left;
  font-size: 1.2rem;
  color: #1b1b1b;
}

.game-grade-prize {
  width: 90%;
  list-style: none;
  display: inline-block;
  margin-left: 5%;
  background-color: #FAF4E3;
  border-radius: 1rem;
}

.game-grade-prize li:not(.clr) {
  float: left;
  width: 25%;
  padding: 0 1rem;
  margin-top: 1rem
}

.game-name-one {
  color: #1b1b1b;
  font-size: 1rem;
  text-align: center;
}

.game-name-two {
  color: #999999;
  font-size: 1rem;
  text-align: center;
}

.bear-the-palm {
  width: 90%;
  margin: 0 5%;
  padding: 1rem 0;
  display: inline-block;
}

.bear-the-palm div {
  width: 49%;
  float: left;
}

.bear-the-palm .palm-two {
  margin-left: 2%;
}

.bear-the-palm div img {
  width: 100%;
}

/********************************************/
/************-      充值      -************/
/********************************************/
.div-background {
  width: 100%;
  height: 60rem;
  background-image: url(images/BG.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  padding-bottom: 2rem;
}

.recharge-list {
  width: 90%;
  height: 10rem;
  margin: 0.5rem 5%;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  display: inline-block;
  background-image: url(images/rge/d.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
}

.img-width {
  width: 18%;
  height: 60%;
  position: absolute;
  top: 25%;
  left: 2rem;
}

.img-width img {
  height: 80%;
}

.diamond-num {
  width: 20%;
  position: absolute;
  top: 28%;
  left: 25%;
}

.diamond-num-div {
  width: 6rem;
  height: 2rem;
  border-radius: 1rem;
  background-color: #EEDDB2;
  text-align: center;
  font-size: 1rem;
  line-height: 2rem;
  position: absolute;
  top: 53%;
  right: 30%;
}

.price-one {
  font-size: 1.2rem;
  color: #333333;
  margin: 0;
}

.price-two {
  font-size: 1rem;
}

.price-two span {
  font-size: 1.8rem;
}

.diamond-num-img {
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: 22.5%;
  right: 2rem;
}

.diamond-num-img img {
  width: 100%;
}

/*现有钻石*/
.dome-list {
  max-width: 750px;
  width: 100%;
  height: 6rem;
  background-image: url(images/rge/DB.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

.jewel {
  width: 50%;
  height: 50%;
  text-align: center;
  font-size: 1.2rem;
  color: #333333;
  margin: auto;
  margin-top: 1rem;
}

.jewel span {
  font-size: 1.5rem;
}

.personal { /* 个人中心 */
  width: 100%;
  height: auto;
}

.personal-bg {
  background-image: url(images/personal/txd.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 85%;
  height: 23.5rem;
  margin: 1rem 7.5%;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  display: inline-block;
  position: relative;
}

.personal-bg img {
  width: 100%;
}

.personal-img {
  margin: auto;
  width: 7rem;
  height: 7rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #FEBC26;
  overflow: hidden;
  margin-top: 3rem;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.personal-zuans {
  width: 50%;
  margin: auto;
  margin-top: 0.7rem;
}
.personal-zuans-two {
  width: 40%;
  margin: auto;
  margin-top: 0.7rem;
  position: relative;
  text-align: center;
}
.personal-zuans-one {
  width: 4rem;
  height: 1.5rem;
}

.personal-zuans-one img {
  width: 100%;
  height: 100%;
}
.title-nam{

}
.hover-name {
  margin: auto;
  text-align: center;
  font-size: 2rem;
}

.hover-border {
  height: 1px;
  width: 3rem;
  border-bottom: 3px dashed #EDCFA7;
  margin: auto;
  margin-top: 0.7rem;
  text-align: center;
}

.zuan-img {
  width: 5rem;
  margin: auto;
  margin-top: 1rem;
}

.border-shade {
  border-left: 3px dashed #EFCFA7;
  height: 4.5rem;
  position: absolute;
  top: 60%;
  left: 50%;
}

.personal-zuans img {
  width: 50%;
  position: relative;
  left: 25%;
}

.personal-qdao p {
  text-align: center;
  font-size: 1rem;
}

.personal-zuans p, .personal-qdao p span {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 2rem;
  color: #1b1b1b;
}

.personal-award {
  width: 83%;
  height: auto;
  margin: 0rem 8.5%;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  display: inline-block;
  background-image: url(images/personal/and.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
}

#personal-new {
  width: 3rem;
  position: absolute;
  top:0;
  right: 0;
}

.personal-new img {
  width: 100%;
}

.personal-award div {
  width: 70%;
  margin: 1.2rem 15%;
}

.personal-award div img {
  width: 100%;
}

/* 排行榜 */
.ranking {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 2rem;
}

.ranking-peo {
  width: 100%;
  height: 12rem;
  padding: 5% 1rem;
}

.ranking-peo-bg {
  width: 95%;
  height: 10rem;
  margin: auto;
  background-image: url(images/d2.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ranking-peo-bg-color {
  width: 95%;
  height: 75%;
  position: relative;
  top: 10%;
  left: 2.5%;
  background-color: #F6EAC7;
  border-radius: 1rem;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.title-head {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 3rem;
  border: 3px solid #F4C045;
  overflow: hidden;
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
}

.title-head img {
  width: 100%;
}

.title-name {
  font-size: 1.3rem;
  color: #000000;
  position: absolute;
  top: 37%;
  left: 6.5rem;
}

.title-ranking {
  position: absolute;
  left: 50%;
  top: 20%;
  font-size: 1.2rem;
}

.title-ranking p {
  margin: 0;
}

.title-ranking p span {
  font-size: 1.5rem;
}

.ranking-bg {
  width: 90%;
  height: 50rem;
  overflow: hidden;
  position: relative;
  margin-left: 5%;
}

.ranking-bg-face {
  width: 100%;
  height: 50rem;
  background-image: url(images/ranking/jld.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.ranking-bg-all {
  width: 90%;
  position: relative;
  top: 1rem;
  margin-left: 5%;
}

.ranking-bg-all-one {
  width: 90%;
  position: relative;
  margin-left: 5%;
}

.ranking-bg-all-one img {
  width: 100%;
}

.ranking-bg-all-two {
  width: 100%;
  min-height: 50rem;
  background-image: url(images/thisimg/d_2.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ranking-bg-one {
  width: 100%;
}

.ranking-bg-one img {
  width: 100%;
}

.ranking-bg-face-all {
  width: 100%;
  background-image: url(images/ranking/dz.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 45rem;
}

.ranking-bg-face-all-two {
  width: 100%;
  background-image: url(images/ranking/dz2.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 48rem;
}

.ranking-bg-face-one {
  width: 25%;
  position: absolute;
  top: 2rem;
  left: 20%;
}

.ranking-bg-face-two {
  width: 25%;
  position: absolute;
  top: 2rem;
  right: 20%;
}

.ranking-bg-face-one img, .ranking-bg-face-two img {
  width: 100%;
}

.content {
  width: 90%;
  margin-left: 5%;
  height: auto;
}

.ranking-img-end {
  width: 100%;
}

.ranking-img-end img {
  width: 100%;
}

.content-row {
  width: 100%;
  height: 7rem;
  position: relative;
  border-bottom: 1px dashed #EFCFA7;
}

.content-row-div {
  width: 100%;
  height: 6rem;
  position: relative;
  border-bottom: 1px dashed #EFCFA7;
}

.content-row-img {
  width: 4rem;
  height: 4rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  overflow: hidden;
  position: absolute;
  top: 1.2rem;
  left: 0.8rem;
}

.content-row-img img {
  height: 100%;
}

.content-row-name {
  font-size: 1.2rem;
  color: #000000;
  position: absolute;
  top: 35%;
  left: 20%;
}

.content-row-face {
  color: #000000;
  font-size: 1rem;
  position: absolute;
  top: 25%;
  left: 45%;
}

.content-row-face-two {
  color: #000000;
  font-size: 1.2rem;
  position: absolute;
  top: 35%;
  left: 41%;
}

.content-row-face p {
  margin: 0;
}

.content-row-face-font {
  font-size: 1.2rem;
}

.content-row-dome {
  font-size: 1.2rem;
  color: #666666;
  position: absolute;
  top: 37%;
  right: 1rem;
}

/*  开始游戏  */
.start {
  width: 82.5%;
  height: 20rem;
  margin: auto;
  background-image: url(images/start/gb.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.start div {
  width: 80%;
  margin: auto;
  padding-top: 3rem;
}

.start div:nth-child(2) {
  position: relative;
  top: -1.5rem;
}

.start div img {
  width: 100%;
}

/* 充值记录 */
.content-row-rome {
  line-height: 6rem;
}

.content-row-rome div {
  width: 33%;
  font-size: 1rem;
  float: left;
}

.row-year {
  text-align: left;
  color: #000000;
}

.row-hour {
  text-align: center;
  color: #000000;
}

.row-min-join {
  text-align: right;
  color: #3A79EC;
  line-height: 1.5rem;
  margin-top: 1.5rem;
}

.row-min-join p, .row-min-join-two p {
  margin: 0;
}

.row-min-join-two {
  text-align: right;
  color: #FB532F;
  line-height: 1.5rem;
  margin-top: 1.2rem;
}

.font-size-p {
  font-size: 1.1rem;
}

.mysite-back {
  width: 90%;
  margin: auto;
  height: 63rem;
  background-image: url(images/shohuo/shd1.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 2rem;
  position: relative;
  top: 1rem;
}

/*  我的消息  */
.information { /* 用户头部 */
  width: 90%;
  margin: auto;
  height: 55rem;
  background-image: url(images/inform/xxd.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 2rem;
  position: relative;
  top: 1rem;
}

.information-two { /* 用户头部 */
  width: 90%;
  margin: auto;
  height: auto;
  min-height: 55rem;
  background-image: url(images/xxz.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 5rem;
  border-radius: 4rem;
  position: relative;
  top: 3rem;
}

.inform-title {
  width: 35%;
  height: 5rem;
  padding: 1.2rem 2rem;
}

.inform-title img {
  width: 80%;
}

.inform-title-two {
  background-image: url(images/xxt.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 5rem;
  padding: 1.2rem 2rem;
}

.inform-title-two img {
  width: 7rem;
}

.Push-message {
  width: 95%;
  margin: auto;
  height: auto;
  background-color: #F9EDCB;
  border-radius: 1rem;
  padding: 1rem 1rem;
  margin-bottom: 2rem;
  position: relative;
}

.message-font {
  color: #000000;
  font-size: 1.2rem;
}

.message-color {
  font-size: 1rem;
  color: #7E7B72;
  text-align: right;
}

.message-margin-top {
  margin-top: 0;
}

/** 我的收货地址 **/

.mysite {
  width: 90%;
  height: auto;
  margin: auto;
  background-image: url(images/hjmd1.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 2rem 2rem 0 0;
  margin-top: 2rem;
  position: relative;
  top: 1.5rem;
}
.mysite-two {
  width: 90%;
  height: auto;
  margin: auto;
  background-image: url(images/hjmd2.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 2rem;
}
.mysite-bgimg {
  width: 90%;
  height: auto;
  margin: auto;
  background-image: url(images/mysite/shd1.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 2rem 2rem 0 0;
  margin-top: 2rem;
  position: relative;
  top: 1.5rem;
}

.mysite-margin {
  margin-top: 0;
}

.mysite-margin-top {
  width: 90%;
  height: auto;
  margin: auto;
  background-image: url(images/ranking/dz.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mysite-margin-top-over {
  width: 90%;
  height: auto;
  margin: auto;
  border-radius: 0 0 2rem 2rem;
  overflow: hidden;
}

.mysite-margin-top-over img {
  width: 100%;
}

.shade-share { /* 点击分享弹出 */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  display: none;
}

.shade-share img {
  width: 25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.compile {
  width: 95%;
  margin: auto;
  height: auto;
  background-color: #F9EDCB;
  border-radius: 1rem;
  padding: 1rem 1rem;
}

.compile-too {
  width: 95%;
  margin: auto;
  height: auto;
  background-color: #FEF2CF;
  border-radius: 1rem 1rem 0 0;
  padding: 0.75rem 1rem;
}

.compile-two {
  width: 95%;
  margin: auto;
  height: auto;
  background-color: #F9EDCB;
  border-radius: 1rem;
  padding: 1rem 1rem;
}

.compile-por {
  border-radius: 0 0 1rem 1rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 2rem
}

.compile-all {
  color: #000000;
  font-size: 1.2rem;
}

.compile-all div {
  width: 50%;
  float: left;
}

.compile-name {
  text-align: left;
}

.compile-phone {
  text-align: right;
}

.compile-site {
  color: #000000;
  font-size: 1.1rem;
  margin-top: 3rem;
}

.compile-delete {
  width: 40%;
  height: auto;
  margin-left: 56.5%;
  padding: 1rem 0;
  display: inline-block;
}

.compile-delete div {
  float: left;
  height: 100%;
  margin: auto;
  width: 35%;
  margin-left: 15%;
}

.compile-delete div img {
  width: 100%;
}

/* 编辑收货地址 */
.input-row {
  width: 100%;
  height: auto;
}

.input-row div {
  height: 4rem;
  border-bottom: 1px solid #F9E6B4;
}

.input-row div span {
  width: 30%;
  display: block;
  float: left;
  font-size: 1.2rem;
  color: #000000;
  line-height: 4rem;
}

.input-row div input {
  height: 100%;
  width: 70%;
  border: 0;
  background-color: #FAEECC;
  float: left;
  font-size: 1.2rem;
  color: #000000;
}

.input-text {
  height: 10rem !important;
  border: 0 !important;
}

.input-text textarea {
  height: 100%;
  width: 100%;
  border: 0;
  background-color: #FAEECC;
  line-height: 2rem;
  color: #000000;
  font-size: 1.2rem;
}

.compile-save {
  width: 80%;
  padding: 1rem 0;
  margin: auto;
}

.compile-save div {
  width: 20%;
  margin-left: 80%;
}

.compile-image {
  width: 6rem;
}

/*  上期获奖名单  */
.game-pro {
  position: relative;
}

.game-img {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  overflow: hidden;
}

.game-img img {
  width: 100%;
}

.game-names {
  position: absolute;
  top: 25%;
  left: 20%;
  font-size: 1.2rem;
  color: #000000;
}

.come-in {
  width: 100%;
  height: 3rem;
  padding: 1rem 0;
  border-bottom: 1px solid #FBE8B8;
}

.come-in div {
  float: left;
  font-size: 1.2rem;
  color: #000000;
}

.come-in-num {
  width: 30%;
}

.come-in-name {
  width: 35%;
  overflow: hidden; white-space: nowrap; text-overflow:ellipsis;
}

.come-in-home {
  width: 35%;
}

.come-in-div {
  padding-bottom: 1rem;
}

/* 本期排名 */
.ranking-title {
  width: 25%;
  position: absolute;
  top: 1rem;
  left: 37.5%;
}

.ranking-title img {
  width: 100%;
}

.this-title {
  width: 90%;
  height: 7rem;
  margin: 0 5%;
  position: relative;
  top: 0;
  border-bottom: 2px dashed rgba(244, 192, 69, 0.25);
}

.this-title div {
  float: left;
}

.place-one {
  width: 2rem;
  position: absolute;
  top: 2.4rem;
  left: 0;
}

.place-head {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 3rem;
  border: 3px solid #F4C045;
  overflow: hidden;
  position: absolute;
  top: 1rem;
  left: 7.5%;
}

.place-name {
  font-size: 1.2rem;
  color: #000000;
  position: absolute;
  top: 2.3rem;
  left: 25%;
}

.this-title div img {
  width: 100%;
}

.place-long {
  font-size: 1.2rem;
  color: red;
  position: absolute;
  top: 2.3rem;
  right: 0;
  text-align: right;
}

/*  game over  */
.gameover {
  width: 80%;
  background-image: url(images/theqi/dtcd.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: auto;
  position: relative;
  top: 5rem;
}

.the-current {
  width: 100%;
  height: 10rem;
  font-size: 3.2rem;
  text-align: center;
  color: #E4484F;
  padding-top: 5rem;
}

.the-current-score {
  width: 100%;
  height: 2rem;
  font-size: 2rem;
  text-align: center;
  -webkit-text-fill-color: white; /*伪空心的文字，与背景色有关*/
  -webkit-text-stroke-color: #EB7772;
  -webkit-text-stroke-width: 1px; /*W3C标准*/
  text-fill-color: white;
  text-stroke-color: #EB7772;
  text-stroke-width: 1px;
}

.row-div {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
}

.row-div div {
  float: left;
}

.row-div-width {
  width: 52%;
  text-align: right;
  font-size: 1.2rem;
}

.row-div-num {
  width: 43%;
  margin-left: 5%;
  font-size: 1.7rem;
}

.row-margin {
  margin-top: 2rem;
}

.blue {
  color: #2C65CD;
}

.red {
  color: #E55357;
}

.green {
  color: #46AD4E;
}

.row-padding {
  padding-top: 2rem !important;
}

.row-btn {
  width: 60%;
  margin: auto;
  padding: 1rem 0;
}

.row-btn img {
  width: 100%;
}

/*  遮罩  */
.shade {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.7;
  max-width: 750px;
  display: none;
}

.div-shade, .div-shade-teo {
  max-width: 375px;
  width: 75%;
  height: 15rem;
  background-image: url(images/tck/tcd.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: fixed;
  left: 12.5%;
  top: 30%;
  display: none;
}

.shade-gameshare {
  width: 90%;
  max-width: 650px;
  position: fixed;
  top: 5rem;
  left: 2rem;
  display: none;
}

.shade-gameshare-img {
  width: 50%;
  height: auto;
  border: 3px solid #cbba81;
  position: absolute;
  top: 22.5rem;
  left: 25%;
}

.shade-gameshare-img img {
  width: 100%;
}

.shade-gameshare img {
  width: 100%;
}

.div-shade-teo-two {
  max-width: 375px;
  width: 75%;
  height: 15rem;
  background-image: url(images/signin/d.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: fixed;
  left: 12.5%;
  top: 15%;
}

.shade-p {
  width: 80%;
  margin: auto;
  text-align: center;
  color: #000000;
  font-size: 1.5rem;
  position: relative;
  top: 3rem;
}

.shade-Btn {
  width: 70%;
  margin: auto;
  position: relative;
  top: 6.5rem;
}

.shade-Btn div {
  float: left;
  width: 40%;
  margin-left: 7.5%;
}

.shade-Btn div img {
  width: 100%;
}

.shade-Btn-teo {
  width: 35%;
  margin: auto;
  position: relative;
  top: 6.5rem;
}

.shade-Btn-one {
  width: 4rem;
  position: absolute;
  left: 41%;
  top: 2rem;
}

.shade-Btn-two {
  width: 8rem;
  position: absolute;
  left: 34%;
  bottom: 3rem;
}

.shade-Btn-one img, .shade-Btn-two img {
  width: 100%;
}

.shade-p-two {
  width: 100%;
  position: absolute;
  top: 5rem;
  text-align: center;
}

.shade-p-two span {
  font-size: 2rem;
}

.shade-Btn-teo div {
  width: 100%;
}

.shade-Btn-teo div img {
  width: 100%;
}

.user-center {
  width: 90%;
  margin: auto;
  padding: 3rem 0;
}

.user-center-div {
  width: 40%;
  margin: auto;
  padding: 17rem 0;
}

.inform-bottom {
  width: 100%;
  position: absolute;
  bottom: -1rem;
  left: 0;
}

.inform-bottom img {
  width: 100%;
}

.user-center img {
  width: 100%;
}

.user-center-div img {
  width: 100%;
}

.user-center-div-two {
  padding: 15rem 0;
  background-color: #FEF2D1;
  width: 95%;
  max-height: 47.5rem;
  margin: auto;
  border-radius: 1.5rem
}

.user-center-div-two img {
  width: 50%;
  margin-left: 25%;
}

.img-shai {
  width: 70%;
  padding: 1.5rem 0;
  margin: auto;
}

.img-shai img {
  width: 100%;
}

#cnzz_stat_icon_1260759732 {
  width: 1px;
  height: 1px;
  position: fixed;
  top: -100px;
}

/* 手机跳转 */
@-moz-keyframes progressing {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes progressing {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}

.progress {
  max-width: 750px;
  width: 100%;
  height: 5px;
  overflow: hidden;
  background-color: #27ccc0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  -moz-animation: progressing 5s ease-out;
  -webkit-animation: progressing 5s ease-out;
}

#web_loading {
  z-index: 99999;
  width: 100%;
}

#web_loading div {
  width: 0;
  height: 5px;
  background: #FF9F15;
}

.user-price {
  width: 90%;
  margin: auto;
  background-image: url(images/d.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: auto;
  margin-top: 2rem;
  padding-bottom: 5rem;
}

.user-head-imgs {
  width: 10rem;
  margin: auto;
  position: relative;
  top: 1.5rem;
}

.user-head-imgs img {
  width: 100%;
}

.row-div-height {
  width: 90%;
  margin: auto;
  height: 6rem;
  border-bottom: 1px dashed #F9E8BC;
  position: relative;
  top: 3rem;
}

.Rank-img {
  width: 5rem;
  position: absolute;
  top: 1.2rem;
  left: 0.5rem;
}

.Rank-img div {
  width: 50%;
  margin: auto;
}

.Rank-img div img {
  width: 100%;
}

.Rank-img p {
  font-size: 1.2rem;
  color: #666666;
  text-align: center;
}

.ranking-img {
  width: 5rem;
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
}

.position-div {
  position: absolute;
  top: 2rem;
  font-size: 1.2rem;
  left: 45%;
  color: #666666;
}

.ranking-img-two {
  width: 5rem;
  position: absolute;
  top: 0.6rem;
  right: 6rem;
}

.ranking-img div {
  width: 70%;
  margin: auto;
}

.ranking-img div img {
  width: 100%;
}

.ranking-img-two div {
  width: 70%;
  margin: auto;
}

.ranking-img-two div img {
  width: 100%;
}

.ranking-img p {
  font-size: 0.9rem;
  color: #000000;
  text-align: center;
}

.ranking-img-two p {
  font-size: 0.9rem;
  color: #000000;
  text-align: center;
}

.row-div-node {
  width: 90%;
    margin: auto;
  height: 4rem;
  position: relative;
  top: 3rem;
  border-bottom: 1px dashed #F9E8BC;
}

.node-one {
  position: absolute;
  top: 1rem;
  left: 1.2rem;
}

.node-one p {
  font-size: 1.2rem;
  color: #666666;
  text-align: center;
}

.node-two {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
}

.node-two p {
  font-size: 1rem;
  color: #f01a1d;
  text-align: center;
}

/* 分享游戏结果 */
.fount {
  width: 90%;
  font-size: 1.5rem;
  font-family: MingLiU_HKSCS;
  color: #F2EC21;
}

.fount-module {
  width: 85%;
  height: 60rem;
  margin: auto;
  background-image: url(images/sharegrade/d.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 2rem;
}

.module-background {
  width: 7.5rem;
  height: 7.5rem;
  margin: auto;
  border: 3px solid #FEBC26;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  top: 1rem;
  z-index: 2;
}

.module-background img {
  width: 100%;
}

.module-font {
  width: 95%;
  height: 23rem;
  margin: auto;
  padding-top: 4.5rem;
  background-color: #FEF2CF;
  border-radius: 2rem;
  position: relative;
  top: -2.75rem;
}

.module-font-two {
  width: 95%;
  height: 30rem;
  margin: auto;
  background-color: #FEF2CF;
  border-radius: 2rem;
  position: relative;
  top: -1.8rem;
}

.img-one {
  width: 40%;
  margin: auto;
  padding-top: 3rem;
}

.img-two {
  width: 50%;
  margin: auto;
  padding-top: 1rem;
}

.img-three {
  width: 47.5%;
  margin: auto;
  padding-top: 0.5rem;
  padding-bottom: 2rem;
}

.img-four {
  width: 15rem;
  height: 15rem;
  border: 3px solid #CBBA81;
  margin: auto;
}

.img-one img, .img-three img, .img-two img, .img-four img {
  width: 100%;
}

.module-font p {
  text-align: center;
}

.module-name {
  color: #1b1b1b;
  font-size: 1.5rem;
}

.module-share {
  color: #e44b4f;
  font-size: 4rem;
}

.module-home {
  font-size: 2rem;
  -webkit-text-fill-color: white; /*伪空心的文字，与背景色有关*/
  -webkit-text-stroke-color: #EB7772;
  -webkit-text-stroke-width: 1px; /*W3C标准*/
  text-fill-color: white;
  text-stroke-color: #EB7772;
  text-stroke-width: 1px;
  margin-top: 1rem;
}

.module-pore {
  font-size: 1.5rem;
  color: #2c65cd;
  margin-top: 2rem;
}

.module-pore div {
  width: 47.5%;
}

.module-pore-one {
  margin: auto;
  text-align: center;
}

.module-pore-two {
  float: right;
  text-align: left;
  line-height: 1.7rem;
}

.module-pore-two span {
  font-size: 2.5rem;
}

.btn {
  padding: 0;
}
